<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=ko"></script>
<script type="text/javascript">
  function initialize() {
	  
	  var lat;
	  var lon;
	  navigator.geolocation.getCurrentPosition(function(position){
			 posData=position;
			 lat = posData.coords.latitude;
			 lon = posData.coords.longitude;
			 drawMap(lat, lon);
		 });
    
  }
  
  function drawMap(lat, lon){
	  var latlng = new google.maps.LatLng(lat, lon);//-34.397, 150.644);
	    var myOptions = {
	      zoom: 18,
	      center: latlng,
	      //mapTypeId: google.maps.MapTypeId.TERRAIN
	      mapTypeId: google.maps.MapTypeId.ROADMAP
	    };
	    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	    
	    var marker = new google.maps.Marker({
	        position: latlng,
	        title:"Here!"
	    });
	    
	    // To add the marker to the map, call setMap();
	    marker.setMap(map);
	    alert(maker);
	  
  }

</script>
</head>
<body onload="initialize()">
	asdfsadf
  <div id="map_canvas" style="width:100%; height:100%"></div>
  
</body>